import React from "react";
import "../css/personal.less"
import  Header from "./include/shoppingHeader"
import  Bottom from "./include/bottom"
import {Checkbox} from "antd-mobile";

class App extends React.Component{
    constructor(props) {
        super(props);
        this.state={
            count:0,
        }
    }
    foods:[
        {
            name:'元气饺子·鲜饺子制造铺（南充店）',
            names:[
                '饺子',
                '可乐'
            ]
        },
        {
            name:'元气饺子·鲜饺子制造铺（南充店）',
            names:[
                '饺子',
                '可乐'
            ]
        },
        {
            name:'元气饺子·鲜饺子制造铺（南充店）',
            names:[
                '饺子',
                '可乐'
            ]
        }
    ]
    render(){
        return (
            <div className={"mainApp"}>
                <Header/>
                <div className={'middle'}>
                    <div className={'lists'}>
                        {this.foods.map((food)=>(
                            <Checkbox>{food.name}</Checkbox>
                        ))}
                    </div>
                </div>
                <Bottom history={this.props.history}/>
            </div>
        )
    }
}

export default App